<template>
  <div class="between~ w-full h-60px p-15px box-border bg-light-50 rounded">
    <div class="center~">
      <div class="text-base">{{ title }}</div>
      <div class="ml-10px h-30px w-1px bg-gray-200"></div>
    </div>
    <div class="center~">
      <div class="ml-10px h-30px w-1px bg-gray-200"></div>
      <div class="i-carbon-group ml-10px cursor-pointer"></div>
    </div>
  </div>
</template>

<script setup lang="ts">
interface Props {
  title: string
}

const rawProps = defineProps<Props>()
const {title} = toRefs(rawProps)
</script>

<style scoped>

</style>